<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<link rel="stylesheet" type="text/css" href="css/style.css" />
	<script type="text/javascript" src="javascript/foodholic.js"></script>
	<script type="text/javascript" src="javascript/like.js"></script>
	<title>Daftar Konten</title>
</head>

<body>
	<div id="wrapper">
		<div id="header">
			<div class="logo">
				<a href="index.php"><img src="images/logo.png" alt="" /></a>
			</div>
			
			<div id="tabs">
				<div class="tab-home"><a href="index.php"><img src="images/home.png" alt="" /></a>
					<br />HOME
				</div>
				<div class="tab-recipe"><img src="images/recipe-icon.png" alt="" />
					<br />RECIPE
				</div>
				<div class="tab-place"><img src="images/place-icon.png" alt="" />
					<br />PLACE
				</div>
				<div class="tab-tips"><img src="images/tips-icon.png" alt="" />
					<br />TIPS & TRICKS
				</div>
				<div class="tab-profile"><img src="images/profile-icon2.png" alt="" />
					<br />PROFILE
				</div>
			</div>
			
			<div id="login" style="font-size:12px">
				<div id="UserName_home">
					User Name
				</div>
				<div id="text_UserName_home">
					<input type="text" name="text_UserName_home" size="15" />
				</div>
				<div id="Password_home">
					Password
				</div>
				<div id="text_Password_home">
					<input type="text" name="text_Password_home" size="15"/>
				</div>
				<div>
					<div id="sign_in"><img src="images/signin.png" alt="" />
					</div>
					<div id="sign_up">
						<a href="registrasi.php>Sign up now!</a>
					</div>
				</div>
			</div>
			
			
			<div id="title"><img src="images/banner OK.png" name="banner" alt="" />
				<div id="join">It's Free!<a href="registrasi.php"><img onload="writeToDoc("src="images/join.png" name="join"")"></a>
				</div>
			</div>
			
			<div class="clear"></div>
		</div>
		
		<div id="content">
			<div id="left_nav">
				<div class="LikeContent">
						<a onmouseover="" style="cursor: pointer;" onclick="return likeThis('like1');" id="staty">
							<img src="images/like.png" alt="post" name="gambarLike"/>
						</a>
						<a onmouseover="" style="cursor: pointer;" onclick="return dislikeThis('like1');">
							<img src="images/dislike.png" alt="post"/>
						</a>
						<div class="likeCount">
							<a id="like1">
								<script type="text/javascript">document.write(""+randomXToY(-50000,50000));</script>	 	
							</a>
						</div >
						<div>
							<a id="statlike1"> </a>						
						</div>
				</div>
				
				<div class="LikeContent">
						<a onmouseover="" style="cursor: pointer;" onclick="return likeThis('like2');" id="staty">
							<img src="images/like.png" alt="post" name="gambarLike"/>
						</a>
						<a onmouseover="" style="cursor: pointer;" onclick="return dislikeThis('like2');">
							<img src="images/dislike.png" alt="post"/>
						</a>
						<div class="likeCount">
							<a id="like2">
								<script type="text/javascript">document.write(""+randomXToY(-50000,50000));</script>	 	
							</a>
						</div>
						<div>
							<a id="statlike2"> </a>						
						</div>
				</div>
				
				<div class="LikeContent">
						<a onmouseover="" style="cursor: pointer;" onclick="return likeThis('like3');" id="staty">
							<img src="images/like.png" alt="post" name="gambarLike"/>
						</a>
						<a onmouseover="" style="cursor: pointer;" onclick="return dislikeThis('like3');">
							<img src="images/dislike.png" alt="post"/>
						</a>
						<div class="likeCount">
							<a id="like3">
								<script type="text/javascript">document.write(""+randomXToY(-50000,50000));</script>	 	
							</a>
						</div>
						<div>
							<a id="statlike3"> </a>						
						</div>
				</div>
				
				<div class="LikeContent">
						<a onmouseover="" style="cursor: pointer;" onclick="return likeThis('like4');" id="staty">
							<img src="images/like.png" alt="post" name="gambarLike"/>
						</a>
						<a onmouseover="" style="cursor: pointer;" onclick="return dislikeThis('like4');">
							<img src="images/dislike.png" alt="post"/>
						</a>
						<div class="likeCount">
							<a id="like4">
								<script type="text/javascript">document.write(""+randomXToY(-50000,50000));</script>	 	
							</a>
						</div>
						<div>
							<a id="statlike4"> </a>						
						</div>
				</div>

				<div class="LikeContent">
						<a onmouseover="" style="cursor: pointer;" onclick="return likeThis('like5');" id="staty">
							<img src="images/like.png" alt="post" name="gambarLike"/>
						</a>
						<a onmouseover="" style="cursor: pointer;" onclick="return dislikeThis('like5');">
							<img src="images/dislike.png" alt="post"/>
						</a>
						<div class="likeCount">
							<a id="like5">
								<script type="text/javascript">document.write(""+randomXToY(-50000,50000));</script>	 	
							</a>
						</div>
						<div>
							<a id="statlike5"> </a>						
						</div>
				</div>

				<div class="LikeContent">
						<a onmouseover="" style="cursor: pointer;" onclick="return likeThis('like6');" id="staty">
							<img src="images/like.png" alt="post" name="gambarLike"/>
						</a>
						<a onmouseover="" style="cursor: pointer;" onclick="return dislikeThis('like6');">
							<img src="images/dislike.png" alt="post"/>
						</a>
						<div class="likeCount">
							<a id="like6">
								<script type="text/javascript">document.write(""+randomXToY(-50000,50000));</script>	 	
							</a>
						</div>
						<div>
							<a id="statlike6"> </a>						
						</div>
				</div>
				
				<div class="LikeContent">
						<a onmouseover="" style="cursor: pointer;" onclick="return likeThis('like7');" id="staty">
							<img src="images/like.png" alt="post" name="gambarLike"/>
						</a>
						<a onmouseover="" style="cursor: pointer;" onclick="return dislikeThis('like7');">
							<img src="images/dislike.png" alt="post"/>
						</a>
						<div class="likeCount">
							<a id="like7">
								<script type="text/javascript">document.write(""+randomXToY(-50000,50000));</script>	 	
							</a>
						</div>
						<div>
							<a id="statlike7"> </a>						
						</div>
				</div>
				
				<div class="LikeContent">
						<a onmouseover="" style="cursor: pointer;" onclick="return likeThis('like8');" id="staty">
							<img src="images/like.png" alt="post" name="gambarLike"/>
						</a>
						<a onmouseover="" style="cursor: pointer;" onclick="return dislikeThis('like8');">
							<img src="images/dislike.png" alt="post"/>
						</a>
						<div class="likeCount">
							<a id="like8">
								<script type="text/javascript">document.write(""+randomXToY(-50000,50000));</script>	 	
							</a>
						</div>
						<div>
							<a id="statlike8"> </a>						
						</div>
				</div>
				
				<div class="LikeContent">
						<a onmouseover="" style="cursor: pointer;" onclick="return likeThis('like9');" id="staty">
							<img src="images/like.png" alt="post" name="gambarLike"/>
						</a>
						<a onmouseover="" style="cursor: pointer;" onclick="return dislikeThis('like9');">
							<img src="images/dislike.png" alt="post"/>
						</a>
						<div class="likeCount">
							<a id="like9">
								<script type="text/javascript">document.write(""+randomXToY(-50000,50000));</script>	 	
							</a>
						</div>
						<div>
							<a id="statlike9"> </a>						
						</div>
				</div>
				
				<div class="LikeContent">
						<a onmouseover="" style="cursor: pointer;" onclick="return likeThis('like10');" id="staty">
							<img src="images/like.png" alt="post" name="gambarLike"/>
						</a>
						<a onmouseover="" style="cursor: pointer;" onclick="return dislikeThis('like10');">
							<img src="images/dislike.png" alt="post"/>
						</a>
						<div class="likeCount">
							<a id="like10">
								<script type="text/javascript">document.write(""+randomXToY(-50000,50000));</script>	 	
							</a>
						</div>
						<div>
							<a id="statlike10"> </a>						
						</div>
				</div>
			</div>
			
			<div id="contents">
				<div class="single_content">
					<div id="posterkonten"><img src="images/MakananTerenak.jpg" alt=""/>
					</div>
					<div id="desckonten">
						<a href="http://www.recipe.com/caramel-surprise-cake/"><strong>Makanan TerEnak Sepanjang Masa</strong></a>
						<h5> 20 may 2011  </h5>
					</div>
				</div>
				
				<div class="single_content">
					<div id="posterkonten"><img src="images/CafeGaul.jpg" alt=""/>
					</div>
					<div id="desckonten">
						<strong>Tempat Makan Untuk Ngerjain Tugas</strong>
						<h5> 22 may 2011  </h5>
					</div>
				</div>
				
				<div class="single_content">
					<div id="posterkonten"><img src="images/winner masterchef.png" alt=""/>
					</div>
					<div id="desckonten">
						<strong>Pemenang Masterchef Australia Menjual Gado-gado</strong>
						<h5> 24 may 2011  </h5>
					</div>
				</div>
				
				<div class="single_content">
					<div id="posterkonten"><img src="images/jamursehat.jpg" alt=""/>
					</div>
					<div id="desckonten">
						<strong>Jamur Sehat Untuk Mahasiswa Kurang Tidur</strong>
						<h5> 26 may 2011  </h5>
					</div>
				</div>
				
				<div class="single_content">
					<div id="posterkonten"><img src="images/tekomahal.jpg" alt=""/>
					</div>
					<div id="desckonten">
						<strong>Teko Termahal Peninggalan Steve Job</strong>
						<h5> 1 juni 2011  </h5>
					</div>
				</div>
				<div class="single_content">
					<div id="posterkonten"><img src="images/mieyumi.jpg" alt=""/>
					</div>
					<div id="desckonten">
						<strong>Mie yang paling disukai di Cina</strong>
						<h5> 3 juni 2011  </h5>
					</div>
				</div>
				<div class="single_content">
					<div id="posterkonten"><img src="images/rotiunyu.jpg" alt=""/>
					</div>
					<div id="desckonten">
						<a href="konten.php"><strong>Roti Berbentuk Emoticon Produksi Yahoo Bread</strong></a>
						<h5> 6 juni 2011  </h5>
					</div>
				</div>
				<div class="single_content">
				<div id="posterkonten"><img src="images/minumansegar.jpg" alt=""/>
					</div>
					<div id="desckonten">
						<br><strong>Minuman Segar Anti Ngantuk</strong></br>
					</div>
				</div>
				<div class="single_content">
					<div id="artikelkonten">
						<a href="http://www.recipe.com/caramel-surprise-cake/"><strong>Caramel Surprise Cake</strong></a>
						<h5> 1 Juli 2011  </h5>
						<p>
						Surprise! Betty Crocker® Rich & Creamy frosting tops an easy cake that has yummy pockets of caramel.
						</p>
					</div>
				</div>
				<div class="single_content">
					<div id="posterkonten"><iframe width="130" height="100" src="http://www.youtube.com/embed/BVxYqbgBpbQ" frameborder="0" allowfullscreen></iframe>
					</div>
					<div id="desckonten">
						<a href="http://www.youtube.com/watch?v=BVxYqbgBpbQ&feature=fvsr"><strong>HOW TO MAKE HELLO KITTY CUPCAKES =^.^=</strong></a>
						<h5> 1 Desember 2011  </h5>
					</div>
				</div>
			</div>
			<div class="clear"></div>
		</div>
		
		<div id="footer">
			
			<div id="footertabs">
				<div id="social">
					<div id="fb"><a href="http://www.facebook.com/"><img src="images/fb.png" alt="" /></a>
					</div>
					<div id="twitter"><a href="http://www.twitter.com/"><img src="images/t.png" alt="" /></a>
					</div>
					<div id="YM"><a href="http://www.yahoo.com/"><img src="images/ym.png" alt="" /></a>
					</div>
				
			</div>
			<br />
				<div class="footertab">FAQ</div>
				<div class="footertab">CONTACTS</div>
				<div class="footertab">MEMBERS</div>
				<div class="footertab">ABOUT</div>
				<div class="footertab"><a href="index.php" style="color:white">HOME</a></div>
			
			<br /><br /><br />
				<div style="font-size:10px">© Copyright 2012, AmeliaN-OkirizaW-ChristabellaCB. All Rights Reserved | Privacy Policy | By using this site, you agree to our Terms of Service.</div>
			</div>
		</div>
	</div>
</body>
</html>